<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv='Content-Type' content="text/html; charset=utf-8">
		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
		<title>CSS3旋转</title>
	</head>
	<style type="text/css">
		.pic img{
			width: 300px;
			height: 250px;
			transform: rotate(30deg);
		}
		.pic{
			width: 300px;
			height: 250px;
			margin-top: 100px;
			overflow: hidden;
		}
		.pic img:hover{
			transform: rotate(0deg);
		}
	</style>
	<body>
		<div class="pic">
			<img src="img/timg.jpg" >
		</div>

	</body>
</html>
